@charset "utf-8";
/* CSS Document */

/*Allgemeines*/
* {margin:0;
padding:0;
}

body{
margin:0;
padding:0;
line-height: 1.25em;
font-size:0.85em;
font-family: Verdana, Geneva, sans-serif;
text-align:center;
background:#000000;
}

img {border:none;
}

a {text-decoration:underline;
padding:2px;
color:#C40000;
}

a:link {color:#C40000;
}

/*a:visited {color:#FF2200;
}

a:hover {color:#fff;
background:#c40000;
}

a:active {color:#FF2200;
}
*/
a.nobckg:hover {background:none;
}

.center {text-align:center;
}

.alignright {float:right;
margin: 5px;
}

.alignleft {float:left;
margin:5px;
}

.clear {clear:both;
}

p {padding:10px;
}

ul {list-style:none;
}

/*Allgemeines Ende*/
/*Drei-Spalten-Layout*/
#maincontainer{
width: 960px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
text-align:left;
background:#ffffff;
border:2px solid #ffffff;
}

#topsection{
/*background: #C40000;*/
height: 100px; /*Height of top section*/
margin:0 0 5px 0;
background:url(../images/header.jpg) right bottom no-repeat;
border-bottom:2px solid #c40000;
}

#topsection a {color:#ffffff;
background:none;
}


#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin: 0 390px 0 180px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
padding:0 10px 0 10px;
text-align:justify;
}

#leftcolumn{
float: left;
width: 180px; /*Width of left column in pixel*/
margin-left: -960px; /*Set margin to that of -(MainContainerWidth)*/
}

#rightcolumn{
float: left;
width: 385px; /*Width of right column*/
margin-left: -390px; /*Set left margin to -(RightColumnWidth)*/
padding:0 0 0 5px;
text-align:justify;
}

#footer{
clear: left;
width: 100%;
height:50px;
border-top:5px solid #c40000;
padding: 4px 0;
background:url(../images/standleitungen.png) right top no-repeat;
}


.innertube{
margin: 0; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}
/*Drei-Spalten-Layout-Ende*/

/*Übeerrschriften*/
h1, h2, h3 {padding:8px 5px 8px 5px;
margin:5px 0;
}

h1{ font-size:1em;
margin:0;
border-bottom:2px solid #c40000;
color:#c40000;
text-align:right;
height:15px;
}

h2 {font-size:1em;
background:#c7c7c7;
background:url(../images/leftmenu_bckgheadline.png);
color:#363636;
}

h3 {font-size:0.9em;
}

.firstleft {margin:0;
}

#topsection h1{
margin: 0;
padding-top: 15px;
background:none;
text-align:left;
color:#000000;
border:none;
font-family: Tahoma, Geneva, sans-serif;
}
/*Überschriften Ende*/

/*-------------------------------------------------------------------------Header-Bereich-----------------------------------------------------------------------------------------*/
#topsection a {color:#000000;
text-decoration:none;
}

#topsection a:hover {background:none;
color:#000000;
}
/*----------------------------------------------------------------------Header Bereich Ende---------------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------Rightcolumn----------------------------------------------------------------------------------------------*/
.imgrightclm {float:left;
padding:10px;
}

/*Bestellformular*/
#bestellformular { background:#e1e1e1;
}

.right {text-align:right;
padding-right:15px;
margin:8px 0 8px 0;
border-bottom:1px solid #c7c7c7;
background:#c7c7c7;
}

label {background:#c7c7c7;
padding:3px;
display:block;
}

.input {border:2px solid #000000;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background:#e1e1e1;
}

textarea {background:#e1e1e1;
border:2px solid #000000;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
overflow:auto;
}

#tarifpaket, #persondates, #nachricht, #sicherheit, #abschicken {margin-bottom:20px;
}

#submit {background: url(../images/senden.png);
border:none;
width:80px;
height:20px;
cursor:pointer;
}

#errordiv, #erfolgreich {background: url(../images/pageination_bckg.png);
border:2px solid #c40000;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding:5px;
position: fixed;
top:0;
}

.errormessage { color:#c40000;
padding-bottom:5px;
text-decoration:underline;
}
/*Bestellformlar Ende*/

/*-----------------------------------------------------------------------Rightcolumn ende-----------------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------Leftcolumn------------------------------------------------------------------------------------------------*/
.navi, .outlinks {margin:0;
padding:0;
list-style:none;
}

.navi a, .outlinks a {text-decoration:none;
width:160px;
display:block;
padding:5px;
margin:0;
font-size:0.9em;
}

.navi a:hover, .outlinks a:hover {background:#c40000;
color:#ffffff;
}
.navi li, .outlinks li {margin:0;
padding:3px 0 3px 0;
border-bottom:2px solid #C40000; border-left:5px solid #c7c7c7; border-right: 5px solid #c7c7c7;
background: #E1E1E1;
}


#leftcolumn h2 {margin-bottom:0;
}

#leftcolumn h4 {background: #c7c7c7;
margin:0;
border-bottom:2px solid #c40000;
font-size:10px;
text-align:right;
font-weight:normal;
font-style:oblique;
padding-right:5px;
}


/*Social Bookmark*/
a.a2a_dd {margin:0;
padding:0;
}
/*Social Bookmark Ende*/
/*-----------------------------------------------------------------------------------------------------Leftcolumn Ende----------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------------------Maincolumn-------------------------------------------------------------------------*/

/*Tarifauflistung*/
.tarifbox {/*background:#C40000;*/
border-bottom:1px solid #c7c7c7;
font-size:0.8em;
}

.tarifbox h2 {text-align:center;
}

.tarifbox a {
text-transform: uppercase;
}

.tarif {margin:0 5px 0 5px;
padding:0 0 5px 0;
text-align:left;
list-style:none;
width:90%;
}

.tarif li {margin:0 0 0 5px;
padding:2px;
list-style-image:url(../images/haken.png);
list-style-position:inside;
}

li.link {list-style-image:none;
padding-top:7px;
text-align:right;
}

li.plus {list-style-image:url(../images/plus.png);
}


.tarifradiobutton {
}

/*Tarifauflistung Ende*/
/*Tabcontent*/
.paginationstyle {margin:10px 0 5px 0;
text-align:center;
background: url(../images/pageination_bckg.png);
padding:5px 0 5px 0;
border:2px solid #c40000;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

#galleryalt a {padding:0 2px 5px 2px;
}

.flatview {display: table;
margin:5px auto;
padding:5px 0;
}
/*Tabcontent Ende*/

/*Buttons Tarifbox*/
a.buttonlinks, a.buttonlinks:hover {background:url(../images/button-hover-links.png) top left no-repeat;
padding:5px;
color:#ffffff;
}

.buttonrechts {background:  url(../images/button-hover-rechts.png) top right no-repeat;
padding:5px;
}

/*Buttons Tarifbox Ende*/

/*Sitemap*/
.sitemap li {margin:5px 0 5px 0;
height:30px;
border-bottom:2px solid #c7c7c7;
}
/*sitemap Ende*/
/*------------------------------------------------------------------------------------------------------Maincolumn Ende---------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------Footer----------------------------------------------------------------------------*/
.smallmenu {margin:5px 0 0 20px;
}

.smalltop {padding: 0 5px 0 0;
font-size:0.75em;
}
/*-----------------------------------------------------------------------------------------------------Footer Ende---------------------------------------------------------------------------*/

/*Popup*/
#dropin {position:absolute;
visibility:hidden;
left:200px;
top:90%;
width:605px;
height:190px;
background-color:#000000;
color:#fff;
opacity: .80;
filter:alpha(opacity=80);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
text-align:left;
border:10px solid #c40000;
padding:0;
}

#dropin p {padding:0;
}

#popup a{text-align:left;
color:#ffffff;
padding:0;
margin:0;
}
/*Popup Ende*/

/*Fussnote*/
.fussnote {text-align:left;
margin:0 auto;
width:80%;
padding:10px 20px 5px 20px;
font-size:10px;
background:#ffffff;
}

.fussnote li { list-style: decimal-leading-zero;
list-style-position: inside;
}
/*Fussnote Ende*/
