/*** roedie.de css definitions ***


/*###### Hauptstyle #######*/
body { 
	background-color: #ffffff; 
	color: #555555; 
	line-height: 22px; 
	font-family: Arial; 
	font-size: 12px; 
}
h1, h2, h3, h4, h5, h6  { 
	font-weight: normal;
}
h1  { 
	font-size: 40px; 
	margin: 20px 0 15px 0; 
}
h2  { 
	font-size: 26px; 
	margin: 0 0 15px 0; 
}
h3  { 
	font-size: 20px; 
	margin: 0 0 15px 0; 
}
h4  { 
	font-size: 18px; 
	margin: 0 0 10px 0; 
}
h5  { 
	font-size: 16px; 
	margin: 0 0 5px 0; 
}
h6  { 
	font-size: 14px; 
	margin: 0 0 0 0; 
}
a:link, a:visited  { 
	color: #1654AC; 
	text-decoration: none; 
}
a:hover, a:active  { 
	color: #555555; text-decoration: underline;
}
font.linklike, span.linklike, div.linklike  { 
	color: #1654AC; text-decoration: none; cursor:pointer;
}
div.linklike:hover  { 
	color: #555555; text-decoration: underline;
}

em  { 
	font-style: italic;
}
#wrap { width: 960px; margin: 0 auto; }

#header { margin: 50px 0 0px 0; }
#header h1 a { float: left; background: url(img/roedie_logo.png) no-repeat; width: 410px; height: 80px; text-indent: -9999px; margin: 0 0 0 -8px; }
#header h2 { float: right; margin: 46px 0 0 0; }

#main { clear: both; padding: 30px 0 0 0; }
#content { float: left; width: 575px; padding: 0 100px 0 2px; }

#sidebar { float: left; width: 283px; }
#sidebar .widget { padding: 0 0 10px 0; }
#sidebar h2 { font-size: 20px; padding: 0 0 0 3px; }
#sidebar li ul li { background: url(img/arrow.png) no-repeat; margin: 0 0 5px -2px; padding: 2px 0 0 40px; }

#footer { clear: both; padding: 15px 0 40px 0; font-size: 10px; }
#footer .copyright { float: left; }
#footer .bottom { float: right; }


/*###### Sonstiges #######*/
.header-line { 
	background: url(img/line.png) no-repeat; 
	width: 960px; 
	height: 4px; 
	float: left; 
	margin: 25px 0 0 0; 
}
.footer-line { 
	background: url(img/line.png) no-repeat; 
	width: 960px; 
	height: 4px; 
	float: left;  
	margin-top: 10px; 
}
.nav-line { 
	background: url(img/line.png) no-repeat; 
	width: 960px; 
	height: 4px; 
	clear: both; 
	margin: -4px 0 0 0; 
}
.clear { 
	clear: both; 
}


/*###### Navigation #######*/
ol, ul, li  {
	margin: 0;
	padding: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	list-style: none;
}
ul.nav  {
	float: left; 
	margin: 18px 0 14px 0;
}
ul.nav li  { 
	float: left;
	padding: 0 20px 0 0; 
}
ul.nav a  { 
	color: #222222; 
	font-size: 18px; 
	text-transform: uppercase; 
	font-weight: bold; 
}
ul.nav a:hover, ul.nav a:active { 
	color: #1654AC; 
	text-decoration: none; 
}
ul.nav li .special-character  { 
	padding-left: 20px; 
	color: #222222; 
}
ul.nav li.current_page_item a  { 
	color: #1654AC; 
}


/*###### Tabellen #######*/
table.info {
	background-color: #F4F4F4;
	color:#555555;
	border:1px solid #CCCCCC;
	padding: 2px 2px 2px 2px;
}
table.error {
	background-color: #F0A2A6;
	color:#000;
	border:1px solid #990000;
	padding: 2px 2px 2px 2px;
}
table.success {
	background-color: #90EE90;
	color:#000;
	border:1px solid #228B22;
	padding: 2px 2px 2px 2px;
}


/*###### Formularelemente #######*/
input.iDefault {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	background-image: url(./img/textbox-back.png);
	background-position:left top;
	background-repeat:repeat-x;
	padding: 3px 5px;
	font-size: 12px;
	color: #000;
	border: 1px solid #606060;
	width:300px;
}

input.iDefaultError {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: #FFC6C6;
	background-image: none !important;
	background-position:left top;
	padding: 3px 5px;
	font-size: 12px;
	color: #000;
	border:1px solid #990000;
	width:300px;
}

input.bDefault {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background: #E7E7E7 url(./img/button_back.png) repeat-x;
	padding: 3px 5px;
	font-size: 12px;
	color: #1654AC;
	border: 1px solid #606060;
}

select.sDefault {
	background-image: url(./img/textbox-back.png);
	width: 100px;
	padding: 2px 1px;
	font-size: 12px;
	color: #000;
	border: 1px solid #606060;
}

textarea {
	background-color: #FFFFFF;
	background-image: url(./img/textbox-back.png);
	background-position:left top;
	background-repeat:repeat-x;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	padding-left: 2px;
	border: 1px solid #606060;
}

textarea:hover, textarea:focus, select:hover, select:focus, input.iDefault:hover, input.iDefault:focus  {
	border:1px solid #5580DD;
}

input.bDefault:hover, input.bDefault:focus  {
	border: solid 1px #5580DD;
	background: #D7DBF7 url(./img/button_back_hover.png) repeat-x;
}


span.likeButton {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background: #E7E7E7 url(./img/button_back.png) repeat-x;
	font-size: 12px;
	color: #1654AC;
	border: 1px solid #606060;
	padding: 4px 5px 4px 5px;
}

span.likeButton:hover, span.likeButton:focus {
	border: solid 1px #5580DD;
	background: #D7DBF7 url(./img/button_back_hover.png) repeat-x;
}